<template>
	<div class="article">
		<nav-tab activeColor="#3A3A3A">
			<header-item>
				<div class="header-nav1" slot="header-img" @click="fanhui">
					<van-icon name="arrow-left" size="25px" color="#ffffff" />
				</div>
				<div class="header-nav2" slot="header-sc">
					<div style="font-size: 17px;color: white;">财经资讯</div>
				</div>
				<div class="header-nav3" slot="header-xingx">
					<van-icon name="more-o" size="25px" />
				</div>
			</header-item>
		</nav-tab>
		<div class="wenzhang">
			<div class="wenzhang-title">从小白到达人，理财如何赚更多？</div>
			<div class="wenzhang-time">2017-04-26<span>招财</span></div>
			<div class="neir">
			文/ 我叫王小米
			
			理财这几年，米米虽然没有成为小富婆，但口袋也确实鼓了不少。
			
			现阶段努力奋斗的目标就是实现财务自由。
			
			从开始理财，到一点点学习，再到进入这个行业……其实我真走过不少错路。
			
			但好在有了经验后，十之八九的理财投资也都达到了预期目标。
			
			身边总有人喜欢问我，“你是怎么理财的呀？”“你投了哪些产品？”“你理财有什么方法和习惯吗？”
			
			问题很多，咱们一个个来。今天就先和大家聊聊，我在理财中养成的那些有用的小习惯。
			
			先说说信用卡，我办的不多，就两张，一张额度2万的，一张额度5万的。
			
			平时用额度低的卡比较多，买衣服、聚餐……能刷卡就刷卡，而且一定要到还款日再还钱。信用卡的免息期能达到50天左右，要好好利用这个时间。
			
			而银行卡的话，米米办的比较多，但是每张卡的用途我都很清楚。
			
			
			但好在有了经验后，十之八九的理财投资也都达到了预期目标。
			
			身边总有人喜欢问我，“你是怎么理财的呀？”“你投了哪些产品？”“你理财有什么方法和习惯吗？”
			
			问题很多，咱们一个个来。今天就先和大家聊聊，我在理财中养成的那些有用的小习惯。
			
			先说说信用卡，我办的不多，就两张，一张额度2万的，一张额度5万的。
			
			平时用额度低的卡比较多，买衣服、聚餐……能刷卡就刷卡，而且一定要到还款日再还钱。信用卡的免息期能达到50天左右，要好好利用这个时间。
			
			而银行卡的话，米米办的比较多，但是每张卡的用途我都很清楚。
			</div>
		</div>
		<div class="footer">
			<div class="footer-item">
				<img src="@/assets/image/order/d1.png" />
				<span>72</span>
			</div>
			<div class="footer-item">
				<img src="@/assets/image/article/wx.png" />
				<span>微信</span>
			</div>
			<div class="footer-item">
				<img src="@/assets/image/article/py.png" />
				<span>朋友圈</span>
			</div>
		</div>
	</div>
</template>

<script>
	import NavTab from '@/components/navtar/Header.vue'
	import HeaderItem from '@/components/navtar/HeaderItem.vue'
	import {
		Icon
	} from 'vant'
	export default {
		methods:{
			fanhui(){
				this.$router.go(-1)
			}
		},
		components: {
			HeaderItem,
			NavTab,
			[Icon.name]: Icon,
		}
	}
</script>

<style lang="less" scoped>
	.article{
		padding-bottom: 70px;
	}
	.wenzhang {
		margin-top: 50px;
		padding: 13px 13px;
		box-sizing: border-box;
		background-color: pink;
		font-size: 20px;
		color: #101010;
		background-color: #ffffff;

		.wenzhang-time {
			margin: 10px 0px;
			font-size: 14px;
			color: #989898;

			span {

				margin-left: 25px;

			}
		}

		.neir {
			font-size: 18px;
			color: #383838;
		}
	}
  .footer{
	  height: 50px;
	  background-color: white;
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  z-index: 99999;
	  display: flex;
	  box-shadow: 0 -1px 1px rgba(0,0,0,0.1);
	.footer-item{
		width: 125px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	img{
		width: 29px;
		height: 29px;
		padding-right: 10px;
	}
	span{
		font-size: 14px;
		color: #0087DC;
	}
	}
	.footer-item:nth-child(2)::before {
			content: "";
			width: 1px;
			height: 30px;
			background-color: #DEDEDE;
			position: absolute;
			right: 0px;
		}
		.footer-item:nth-child(2)::after {
				content: "";
				width: 1px;
				height: 30px;
				background-color: #DEDEDE;
				position: absolute;
				left: 0px;
			}
  }
</style>
